Open Source
Resources
78 hand-crafted templates — every one a real, exportable site. Point at one and watch it scroll on desktop and phone, open the live preview, and make it yours in the builder.
Or browse the Showcase — real sites built on DevDojo you can remix →
Category
A warm, serif-led studio landing page
A warm, serif-led studio landing page — an art-directed hero, numbered services, featured work, retainer pricing, an accordion FAQ, and a news section with full posts.
A dark, Linear-grade SaaS site
A dark, Linear-grade SaaS site — glass nav with a mega-dropdown, a CSS-built product mock, bento features, an Updates journal, a changelog, and a mini docs hub.
A polished, deep-green landing page for studios and consultancies
A polished, deep-green landing page for studios and consultancies — editorial serif headlines, numbered services, big stats, a case-study spotlight, and a Writings journal.
A refined personal portfolio and blog
A refined personal portfolio and blog — Inter, hairline rules, a day/night toggle, a project grid, and five ready-to-edit posts.
A clean, grotesk-set journal in the Linear mold
A clean, grotesk-set journal in the Linear mold — a giant nameplate, one oversized featured story, a hairlined story grid, and a newsletter close.
A brutalist black-on-white journal
A brutalist black-on-white journal — the whole page drawn as one hairline plate floating on the canvas, condensed uppercase display type, newsprint photos that develop on hover, and one signal-red accent.
A Commodore 64 love letter of a personal blog
A Commodore 64 love letter of a personal blog — a periwinkle screen frame, a booting READY. prompt with a blinking cursor, pixel-type headings, and BASIC-listing project pages on the classic blue.
A calm, confident studio site on warm paper
A calm, confident studio site on warm paper — serif display headlines, a numbered fullscreen menu, an ink-dark pricing tier, and a remembered light/dark mode.
A warm, canvas-styled SaaS marketing site
A warm, canvas-styled SaaS marketing site — floating pill nav, a giant cursor-bar headline, a CSS-built product window, bento features, pricing, a changelog, and an Insights blog.
A monochrome broadsheet
A monochrome broadsheet — centered serif masthead, a real front-page lead package, desk sections, a full-bleed photo feature, and eight reported stories.
An elegant luxury real-estate site
An elegant luxury real-estate site — a full-bleed dusk hero, serif-display property pages with stat cards, a curated portfolio grid, and warm editorial storytelling.
A brutalist portfolio with a playful streak
A brutalist portfolio with a playful streak — cream canvas, hard ink hairlines, offset shadows, sticker chips, a scrolling marquee, spec-table case studies, and a journal.
A developer's portfolio with a user-card header that collapses into a
A developer's portfolio with a user-card header that collapses into a floating pill on scroll, a two-tone statement hero, GSAP motion, collection-driven case studies, writings, and a data-driven resume.
A bone-and-black product studio site built around an oversized menu
A bone-and-black product studio site built around an oversized menu capsule that sits beside the wordmark — split hero, offset statement, services bento, a dark testimonial, a studio journal, and a dated changelog, all lit by an electric lime accent.
An off-white, monochrome site for an AI agent framework
An off-white, monochrome site for an AI agent framework — dark dropdown menus, a three-pane agent console standing on a painted landscape, and a guides library.
A warm, cream-canvas SaaS site for a help desk with an AI teammate
A warm, cream-canvas SaaS site for a help desk with an AI teammate — a markup-built inbox floating on painterly wildflower fields, a live resolution ticker on the one dark band, editorial feature rows, a no-JavaScript pricing toggle, and customer stories on dynamic pages.
A specialty coffee roaster and neighbourhood bar, built around a
A specialty coffee roaster and neighbourhood bar, built around a hand-set counter board and structured single-origin pages.
A calm, photographic coffee house
A calm, photographic coffee house — a split hero under a rotating seal, a full drinks menu with a page for every cup, a drawn neighbourhood map, and five journal entries.
A dark, Linear-sleek personal blog and portfolio
A dark, Linear-sleek personal blog and portfolio — fixed identity sidebar, editorial post lists, a blinking-caret hero, and Geist throughout.
A monochrome personal blog with a serif editorial voice, a ledger-style
A monochrome personal blog with a serif editorial voice, a ledger-style post list, and a quiet page-turn motion system — light and true-black dark.
A Swiss-minimal personal portfolio with a giant statement hero
A Swiss-minimal personal portfolio with a giant statement hero, hover-ticker project cards, a writings ledger, and a monochrome voice broken only by one green availability dot.
A bold poster-style personal portfolio and blog
A bold poster-style personal portfolio and blog — a giant chartreuse display name, dark project cards, a hairline writing ledger, and an electric marquee.
A refined designer portfolio and journal
A refined designer portfolio and journal — serif headlines, grayscale photography, and a lime availability signal.
A pastel-washed personal portfolio where your identity stays pinned
A pastel-washed personal portfolio where your identity stays pinned above tabbed projects, writings, and an about page.
A developer and designer's personal site laid out as a printed index
A developer and designer's personal site laid out as a printed index — a fixed identity rail, a numbered grid of project screens, and lists that raise a preview under the cursor as you read down them.
A quiet personal site for a designer who also writes
A quiet personal site for a designer who also writes — a centred hero opening on a half-ring avatar, selected work in alternating full-width rows, a compact list of recent writing, and a page for every project and post.
A warm, atmospheric personal site for a designer who also writes
A warm, atmospheric personal site for a designer who also writes — a cirrus wash dissolving into sand-coloured paper, DM Serif Display headlines, a header that inverts over the dark closing panel, and a case-study grid over a compact writing list.
A one-column personal site
A one-column personal site: an identity block, a list of things you made, a list of things you wrote, and nothing else.
A personal site reduced to its index
A personal site reduced to its index — one narrow column of warm paper where every piece of writing and every project is a row of type, a hairline leader, and a date.
A dead-simple personal site for someone who writes and ships
A dead-simple personal site for someone who writes and ships — a ledger of writing ruled against a mono date column, stacked monochrome project shots, a Now page, and a page for every post. One column, one accent, and no JavaScript at all.
A dead-simple personal site on warm charcoal
A dead-simple personal site on warm charcoal — a three-column index of work and writing, a hover indicator that glides between rows, and serif essays at reading width.
A quiet personal site
A quiet personal site — an inline portrait inside the opening sentence, hairline lists of writing and projects that light up under the cursor, and a serif reading column.
A dead-simple personal site for someone who writes
A dead-simple personal site for someone who writes — one flat type scale, hairlines that follow the column grid, and a keyboard-driven command menu behind a single floating button.
A dead-simple personal site for someone who writes and ships
A dead-simple personal site for someone who writes and ships — one 640px column, one row that bleeds into the gutter when you touch it, and a half-disc switch that flips the whole site between its two states.
A dead-simple personal site built entirely out of one row
A dead-simple personal site built entirely out of one row — writing, projects and reading listed as a ledger that lights up under the cursor, over a calling-card header of avatar, name and a short paragraph.
A quiet single-column personal site
A quiet single-column personal site — a two-tone greeting, hairline rows of writing and projects that catch the light under the cursor, and a Now page that reads like a letter.
A quiet personal site for someone who writes
A quiet personal site for someone who writes — an oversized serif voice on warm paper, hairline-ruled lists of writing and projects, and a Now page.
A dead-simple personal site for someone who writes and ships
A dead-simple personal site for someone who writes and ships — off-white paper, one warm clay accent, a sand watercolour fading in at the edges, and a small preview card that follows your pointer down the writing and project lists.
A black-and-white SaaS site for an open-source commerce engine
A black-and-white SaaS site for an open-source commerce engine — three product cards floating in WebGL, Linear-style feature rows, an SDK code panel, pricing, customer stories, and a changelog.
A white, engineered SaaS site for a revenue-first analytics product
A white, engineered SaaS site for a revenue-first analytics product — a floating dark pill nav, a dashboard stage hanging from the hero on a painterly band, one-hue feature cards with drawn product mocks, usage pricing, a comparison table, blog, and changelog.
A navy-and-lime care-operations SaaS site
A navy-and-lime care-operations SaaS site — a bento hero with a live pulse schedule, automation bands, portrait testimonials, an impact grid, and a blog.
A brutalist-editorial site for an enterprise AI-agent product
A brutalist-editorial site for an enterprise AI-agent product — a floating white nav pill on warm gray, a condensed display headline beside a block-built mark, a live work ledger on black, a scroll-snap use-case rail, hairline plans, and a split black-and-voltage close.
A warm-paper workspace site for an AI product
A warm-paper workspace site for an AI product — a marker-swiped hero over a drawn app window, painted note-card panels, the margin rail as the page's spine, customer stories, pricing, a blog and a changelog.
A warm, editorial SaaS site for an AI inbox
A warm, editorial SaaS site for an AI inbox — a parchment canvas, an ink-violet hero whose glass console carousels through three surfaces, a bento of drawn panels, customer stories on dynamic pages, and a changelog.
A botanical-clinical supplement store
A botanical-clinical supplement store — a floating snow pill nav, whisper-light forest headlines over a full-bleed hero, container-less formula cards on deep green bands, a drawn capsule cutaway with annotation leaders, a claims ledger, and an editorial journal.
A white, hairline-ruled SaaS site for a link attribution product
A white, hairline-ruled SaaS site for a link attribution product — a centred hero over a drawn attribution path, four module pillars with built product mocks, a customer mosaic, case studies, usage pricing, and a changelog.
A white, typeset-terminal site for a developer tool
A white, typeset-terminal site for a developer tool — a hairline nav, a headline hero over a drawn product console, alternating bands with drawn panels, a bento of recent releases, per-seat pricing, a comparison table, a changelog ledger and a small docs hub.
A warm-stone email platform site with a serif hero, a painted landscape
A warm-stone email platform site with a serif hero, a painted landscape stage where an agent's brief becomes a delivered message, numbered feature ledgers with drawn product mocks, volume pricing, blog, and changelog.
A warm-paper site for an AI thinking partner
A warm-paper site for an AI thinking partner — serif headlines on bone parchment, a start card beside a tall photograph, drawn product moments, a dune horizon under one pull quote, plans with growing tier marks, and an obsidian footer.
A midnight observability stack site
A midnight observability stack site — a split hero whose drawn incident panel replays an outage end to end, a cost comparison, four product bands of drawn mock cards, a full-bleed integrations band, a testimonial wall, pricing, changelog, and blog.
A dark, filed-record SaaS site for rent operations
A dark, filed-record SaaS site for rent operations — mono eyebrows and dispatch bars, a drawn console over a street of painted townhouses, a rent roll that issues a statement, receipt-shaped pricing, blog and changelog.
A cream, daylight home-services site for a heating and cooling
A cream, daylight home-services site for a heating and cooling contractor — Manrope display in navy, one electric-blue action per section, an estimate sheet you can read before you call, a five-part install ledger, a drag-the-line evidence slider, a navy numbers band and a blue closing band, memberships, blog.
A light, grained AI-model-router landing
A light, grained AI-model-router landing — a mega-menu header, an iridescent serif hero whose prompt composer re-ranks a live routing table, a dark endpoint band, a model catalog, pricing, docs, a changelog and a blog.
A sage-gray two-tone inventory site
A sage-grey landing site for hardware-store inventory: a two-tone headline over three tall tiles where a stock count dips under its reorder point and the supplier card stamps PO sent, then a low-stock bento, a phone cycle count, a green-black results band and a paint-drawdown close — with a features page of drawn shelf tags and transfer slips, pricing with a yearly switch, customer stories, a changelog and a paint-chip blog.
A warm-ivory booking site in navy and gold
A warm-ivory booking site for home-service crews — navy ink and gold details, a drawn week calendar that books a Thursday job with drive time and a confirmation text, a route that draws itself, deposit bento and two-plan pricing teaser — then a features page of drawn booking screens and slot reasoning, pricing with a yearly switch and an eight-row comparison, three customer stories with their own pages, a dated blog and a changelog on a version rail.
A silk-ribbon app analytics site
An App Store analytics site for indie iOS developers: a drawn dashboard in a soft silk-ribbon frame whose downloads chart draws and review feed updates, digest, keyword-rank and trial-cohort rows, a plum stats band, a review inbox with replies, and plans with a lifted Indie tier. Then a features page of drawn send-time, proceeds, release-timeline and alert views over a plum by-hand ledger, pricing with a yearly switch and an eight-row comparison, three customer stories with their own pages, a photographed blog, a changelog on a version rail, a security page built around one read-only key, and an about page with the six people who make it.
A cool, ruled error-tracking landing site
A cool, light landing site for an error-tracking service — hairline page rails under a ruled header, where a request trace lights span by span into the release that fixed it, a drawn issue view with recent events and the stack frame that threw, a dark stats band, an editorial on-call quote and a periodic-table integrations grid. Then a features page of drawn views — a search window, an alert rule, a release strip — over a numbered ledger and a dark install terminal; pricing as columns of the same hairline grid with a yearly switch and an eight-row comparison; three customer stories with their own pages; a typographic blog on a drawn plate; and a changelog on a version rail.
A drafting-sheet automation site in sage
Workflow automation for Midwestern insurance agencies — a sage drafting-sheet canvas with a blueprint grid, six chamfered operation nodes wired into a central mark whose wires draw in one by one until the certificate node lights, a drawn intake window, a graphite stats strip and hairline pricing columns — with a features page of drawn rate comparisons, renewal queues and a stamped certificate, pricing with an annual switch, agency stories, a changelog kept as revisions, a blog, security and contact pages.
A playful SaaS site with sleepy characters
A warm, playful SaaS site for mobile pet groomers — sleepy drawn characters that wake when a booking lands, an app-card bento, a route day that draws itself, a quote wall and plan cards — with a features page of drawn screens, pricing with a yearly switch, customer stories, a changelog set as a route, a blog, an about page and a contact form.
A warm-black deploy-preview site in coral
A warm-black preview-environments site in Host Grotesk: a coral horizon over three environment windows where Staging and Dev angle away from a glowing Production window that runs its build log and turns Live, a PR-comment workflow split, a seeded-data bento, a canary.yml code window, an editorial pull quote, and a per-preview-hour pricing teaser — with a features page of drawn rebuild sheets and sleep timelines, pricing with a yearly switch and an itemized month, customer stories, an integrations ledger, a docs landing, a changelog on a spine and a blog — plus 75 blocks in fifteen categories drawn in the same system.
A warm greige client-health site for agencies
A warm greige site for agency client health: a drawn client roster whose at-risk retainer turns to Renewed while its hours bar fills, a renewals table standing on a painted prairie, a health chart that draws its decline and a dark close that bookends the renewal — with a features page of drawn Monday notes, scope-burn bars and check-in agendas, pricing with a yearly switch, customer stories, a changelog, a blog, and about, contact and security pages.
A neutral light starter across eight pages
A neutral, light starter site — Inter, hairlines and soft-black actions — composed from general-purpose sections into eight pages: Home, Features, Pricing with a plan comparison table, Customers with a page per story, Changelog, a Blog with a page per post, About and Contact.
A cold blue-black equipment monitoring page
A cold blue-black landing page for restaurant equipment monitoring. A drawn multi-location board rises out of perspective and settles flat under a blue glow, flanked by glass cards for a walk-in gauge and a kWh list, as an amber 'Walk-in 3 at 44°F' alarm ticks back to 38°F. Below it: a bento of drawn sensor cells, an escalation ladder, a figures band, a kitchen photo with three install steps, an operator's pull quote, a per-location pricing ledger and a glowing all-clear close.
A green-white bookkeeping site in Garamond
A pale green-white site for bookkeeping in independent bookstores and cafés. EB Garamond headlines beside a drawn day-book page that writes itself in, a stock card with low-title warnings, a photo-stage quote, a contents-page feature list and a ledger-style price list.
A warm-paper rent-splitting site in all caps
A warm-paper landing site for roommate rent splitting: a giant condensed all-caps headline over a photographed apartment stage where a drawn receipt tears into three coloured stubs and stamps the last one Paid, a three-step rail, a ledger window that splits every bill by room, a reminders bento, and a dark close with one torn stub in the corner.
A honey-yellow running-club poster site
A honey-yellow landing site for a running-club app: a poster headline with route, pace and RSVP cards fanning out beneath it, drawn run cards, a route map that draws itself, an ink stats band and a sunlit photograph close.
A blue-hour treasury site on an alpine lake
A blue-hour treasury site for a US contractor-payouts product: a full-bleed alpine lake with a live payout run settling across the states, a graphite bento of USD accounts, ACH, RTP and FedNow rails and 1099 filing, a readable cost-and-speed table, a dot-matrix map of all 50 states and DC, and a quiet onyx-and-cobalt palette in Onest — with a product page of drawn cards floating on mountain photographs, pricing with a yearly switch, customer stories, a security page, a changelog and a blog.
A sand-and-canyon-orange expense site
A sand-and-canyon-orange landing site for a travel-and-expense agent: a gouache desert morning in a rounded stage where an itinerary books itself row by row, a step rail, a live-budget bento, a torn hotel folio matched to its card charge, an espresso stats band and a dusk close, set in Figtree and Instrument Sans — with a features page of drawn chat threads, policy rules, trip cards and a month-end close, plans standing on a painted plains stage with a yearly switch, customer stories, security, about, a changelog drawn as a route and a travel-desk blog.
A warm-paper support site in Literata
A warm-paper site for a furniture-brand support copilot — a light Literata headline beside a three-pane help desk that types its reply and resolves the ticket on a painted wash, a handoff claim card, a freight-timeline bento, a dark quote band, and a porch-at-dusk close.
A warm cream knowledge-base landing site
A warm cream knowledge-base site — a hand-drawn rope illustration, a wiki on a laptop with a phone overlapping, drawn panels standing on photographs of dunes, canyons and lakes, a tilted ink ellipse, a testimonials wall, customer stories, a filterable integrations directory, a changelog, pricing with a yearly switch, a blog, and sign-in and sign-up pages.
A warm-paper quoting site with violet blocks
A warm-paper landing site for HVAC quoting software: a centred headline over a swarm of drawn proposal cards that scatter in around a violet block grid, a drawn three-tier proposal with a financing footer, a hairline bento, a violet-black stats band and a photographed contractor beside a giant pull quote.
A cobalt and lime shift-swap poster site
A cobalt landing site for a shift-swap app: a poster headline that parts for a drawn phone showing this week's schedule, a swap request that flips to Approved, drawn offer and timesheet screens, a lime stat band, a rail of app screens and a drifting wall of crew quotes.
A lavender-paper dictation landing site
A lavender-paper landing site for field-adjuster dictation: a Crimson Pro statement over a hail-morning photo stage where a phone records the walk-through and a claim report fills itself in and gets stamped, a timestamped step rail, a said-to-field report map, a plum stats band and a golden-hour close, set in Public Sans.
A warm-paper tax-pot site in forest green
A warm paper landing site for a freelancer tax-pot account — a tall studio photograph with drawn cards where an invoice lands and three pot bars fill, a forest-green April tax band, a bento of live pots and rules, a working split calculator, a testimonials wall and an FAQ.
A dark dot-matrix mobile analytics page
A dark, dot-matrix landing page for a privacy-first mobile analytics product — a halftone mountain plate that settles into a retention curve, hairline column rails, bracket-cornered buttons, a drawn funnel, a line-numbered install window, and a plan ledger.
A trail-map planning site for park crews
Trail maintenance planning for state park crews — a notched forest-trail photo with a work-order card whose mile pins join along a dashed route, a tan contour-map features band, a field-log split and a ridgeline close.
A ledger-book close page in Bodoni and brass
A ledger-book landing page for month-end close software: Bodoni over warm near-black, a drawn two-column ledger whose match lines resolve row by row before a brass seal stamps the books closed, a cream stats band, and an editorial quote folio.
A monochrome scheduling site
A monochrome scheduling site — a white pill header on paper, a working booking card in the hero, drawn product mocks instead of screenshots, one dark quote band, usage pricing, blog and changelog.
Not a locked-in theme — plain HTML, Tailwind, and content you can edit visually, rebuild with AI, or export as a ZIP and host anywhere.
